import React from 'react'
import { Link, Routes, Route, useNavigate } from 'react-router-dom';
import GenalSonglist from '../songLists/genalSonglist';
import '../../style/kuangjia.css'
import '../../style/main.css'
const favormusic = () => {
  return (
    <div class="favor">
      <div class="recent_top">
        <p class="titl">喜欢</p>
        <div class="recent_nav">
          <div class="recent_nav_li">
            <ul>
              <Link to="songs"><li class="click3">歌曲</li></Link>
              <li>歌单</li>
              <li>视频</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="recent_main">
        <Routes>
          <Route path='songs' element={<GenalSonglist />} />
          <Route path='playList/*' element={<genalSonglist />} />
        </Routes>
      </div>
    </div>
  )
}

export default favormusic